<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>user</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/user.css">
</head>
<body>
<div class="header">
    <div class="content">
        <img src="../img/shop_cart_back4.png" alt="shop_cart_back.png" class="back">

        <div class="title">个人中心</div>
        <img src="../img/user_icon1.png" alt="user_icon1.png" class="set">
    </div>
</div>
<div class="main">
    <div class="bg-imgs">
        <img src="../img/user_bgimg.png" alt="user_bgimg.png"/>

        <div class="head-portrait">
            <img src="../img/user_headimg.png" alt="user_headimg.png"/>
            <span>小花花</span>
        </div>
    </div>
    <div class="order-form">
        <div class="order-wallet">
            <img src="../img/user_icon2.png" alt="user_icon2.png" class="left"/>
            <span>我的订单</span>
            <i>查看全部订单</i>
            <img src="../img/confirm_order_tick2.png" alt="confirm_order_tick2.png" class="right"/>
        </div>
        <ul class="option">
            <li>
                <img src="../img/user_1.png" alt="user_1.png"/>
                <span>代付款</span>
            </li>
            <li>
                <img src="../img/user_2.png" alt="user_2.png"/>
                <span>代发货</span>
            </li>
            <li>
                <img src="../img/user_3.png" alt="user_3.png"/>
                <span>代收活</span>
            </li>
            <li>
            <img src="../img/user_4.png" alt="user_4.png"/>
            <span>代评价</span>
        </li>
        </ul>
        <div class="order-wallet">
            <img src="../img/user_icon3.png" alt="user_icon3.png" class="left"/>
            <span>我的钱包</span>
            <i>查看全部优惠券</i>
            <img src="../img/confirm_order_tick2.png" alt="confirm_order_tick2.png" class="right"/>
        </div>
        <ul class="option">
            <li>
                <img src="../img/user_5.png" alt="user_5.png"/>
                <span>余额</span>
            </li>
            <li>
                <img src="../img/user_6.png" alt="user_6.png"/>
                <span>礼品卡</span>
            </li>
            <li>
                <img src="../img/user_7.png" alt="user_7.png"/>
                <span>优惠券</span>
            </li>
            <li>
                <img src="../img/user_8.png" alt="user_8.png"/>
                <span>积分</span>
            </li>
        </ul>
        <div class="order-wallet prominent">
            <img src="../img/user_icon4.png" alt="user_icon4.png" class="left"/>
            <span>个人资料</span>
            <img src="../img/confirm_order_tick2.png" alt="confirm_order_tick2.png" class="right"/>
        </div>
        <div class="order-wallet prominent">
            <img src="../img/user_icon5.png" alt="user_icon5.png" class="left"/>
            <span>收货地址</span>
            <img src="../img/confirm_order_tick2.png" alt="confirm_order_tick2.png" class="right"/>
        </div>
    </div>
</div>
<ul class="footer" id="footer">
    <li class="on">
        <div></div>
        <p>首页</p>
    </li>
    <li>
        <div></div>
        <p>分类</p>
    </li>
    <li>
        <div></div>
        <p>购物车</p>
    </li>
    <li>
        <div></div>
        <p>个人中心</p>
    </li>
</ul>
<script src="../lib/zepto.min.js"></script>
<script src="../lib/jquery.min.js"></script>
<script src="../js/resetRem.js"></script>
</body>
</html>